<%--
  Created by IntelliJ IDEA.
  User: 86189
  Date: 2022/4/24
  Time: 13:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="./layui-v2.6.8/layui/css/layui.css">
    <script src="./layui-v2.6.8/layui/layui.js"></script>
</head>

<body>
<div class="layui-carousel" id="test1">
    <div carousel-item>
        <div><img src="./imgs/logo.png"width="100%" height="100%"></div>
        <div><img src="./imgs/6b908329-b036-4f8a-a6be-a7feeab827f1.jpg"width="100%" height="100%"></div>
        <div><img src="./imgs/6218a5cc-6cce-4e2f-b04f-f1c0c2fad95d.jpg"width="100%" height="100%"></div>
        <div><img src="./imgs/f1911eec-b730-4433-b39a-236fa625f688.jpg"width="100%" height="100%"></div>
    </div>
</div>
<script src="layui-v2.6.8/layui/layui.js"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,height:'500px'
            ,width: '80%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
</body>
</html>
